<template>
  <el-date-picker class="k-date-time" v-bind="{ ...$props, ...$attrs }" v-on="$listeners">
  </el-date-picker>
</template>

<script>
export default {
  name: "ZDateTime",
  props: {
    type: {
      type: String,
      default: "date",
    },
    size: {
      type: String,
      default: "small",
    },
    prefixIcon: {
      type: String,
      default: "el-icon-date",
    },
  },
};
</script>

<style lang="scss" scoped>
.k-date-time {
  ::v-deep .el-input__prefix {
    right: 0;
    pointer-events: none;

    .el-icon-date {
      position: absolute;
      right: 5px;
    }
  }

  ::v-deep .el-input__suffix-inner {
    background: #fff;
  }
}
</style>
